<template>
  <div>
    <ul>
      <router-link to="/film/nowPlaying" tag="li">正在热映</router-link>
      <router-link to="/film/comingSoon" tag="li">即将上映</router-link>
    </ul>
  </div>
</template>

<style lang="scss" scoped>
  div {
    padding: 0 30px 0 30px;
    ul {
      width: 100%;
      height: 50px;
      display: flex;
      text-align: center;
      line-height: 50px;
      li {
        flex: 1 1 auto;
      }
    }
  }
  .router-link-active {
    color: #ff5f16;
    border-bottom: 3px solid #ff5f16;
  }
</style>
